<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no" />
     <title>人人梦</title>
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
  <link rel="stylesheet" href="css/swiper.min.css"/>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headfoot.css">
  <link rel="stylesheet" href="css/second.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
  <script src="js/bootstrap.min.js"></script>
     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nxW0akynjKF8Ag0G0uVVwq0t6ak1Q1Zj"></script>

 </head>
 <body>
 <!-- 导航部分-->
   <div class="navs">
    <script>
      $(".navs").load("heads.html");
    </script>
   </div>
   <!--banner部分-->
 <div class="fus_bg lxbg">
     <div class="fus_inner wow bounceIn animated">
         <h1 class="col_fff">联系我们</h1>
     </div>
 </div>
 <div class="huibg">
     <div class="main-md">
         <div class="se_tit">
            <span>首页 &nbsp; ></span> <span>关于人人梦</span>
         </div>
         <div class="se_cont">
             <div class="about">
                 <div class="lx padd50" >
                     <ul>
                         <li>
                             <div class="lx-img">
                                 <i class="iconfont icon-dianhua1"></i>
                             </div>
                             <div class="lx-text">
                                 <h4>联系方式</h4>
                                 <p>电话：400-615-5388 <br/>
                                     邮箱：ceo@rrm88.ren  </p>
                             </div>
                         </li>
                         <li>
                             <div class="lx-img">
                                 <i class="iconfont icon-dingwei1"></i>
                             </div>
                             <div class="lx-text">
                                 <h4>联系地址</h4>
                                 <p>北京市东城区光明路11号天玉大厦三层</p>
                             </div>
                         </li>
                         <li>
                             <div class="lx-img">
                                 <i class="iconfont icon-wechat"></i>
                             </div>
                             <div class="lx-text">
                                 <h4>健身官方微信</h4>
                                 <span><img src="images/second/lx.jpg" alt=""/> </span>
                             </div>
                         </li>
                         <div class="both"></div>
                     </ul>
                 </div>
                 <div style="border:#ccc solid 1px;font-size:12px" id="map"></div>
             </div>
         </div>
     </div>
 </div>
    <!--页面底部-->
   <div class="foots">
    <script>
     $(".foots").load("foot.html");
    </script>
   </div>
 <script type="text/javascript">
     //创建和初始化地图函数：
     function initMap(){
         createMap();//创建地图
         setMapEvent();//设置地图事件
         addMapControl();//向地图添加控件
         addMapOverlay();//向地图添加覆盖物
     }
     function createMap(){
         map = new BMap.Map("map");
         map.centerAndZoom(new BMap.Point(116.441144,39.902843),12);
     }
     function setMapEvent(){
         map.enableScrollWheelZoom();
         map.enableKeyboard();
         map.enableDragging();
         map.enableDoubleClickZoom()
     }
     function addClickHandler(target,window){
         target.addEventListener("click",function(){
             target.openInfoWindow(window);
         });
     }
     function addMapOverlay(){
         var markers = [
             {content:"北京市东城区光明路11号天玉大厦三层",title:"人人梦",imageOffset: {width:-46,height:-21},position:{lat:39.890918,lng:116.443408}}
         ];
         for(var index = 0; index < markers.length; index++ ){
             var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
             var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
                 imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
             })});
             var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
             var opts = {
                 width: 200,
                 title: markers[index].title,
                 enableMessage: false
             };
             var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
//             marker.setLabel(label);
             addClickHandler(marker,infoWindow);
             map.addOverlay(marker);
             marker.setAnimation(BMAP_ANIMATION_BOUNCE);

         };
     }
     //向地图添加控件
     function addMapControl(){
         var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
         scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
         map.addControl(scaleControl);
         var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
         map.addControl(navControl);
     }
     var map;
     initMap();
 </script>
 </body>
</html>
